@import (less) "UICONST.css";
* {
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,'微软雅黑',Arial,sans-serif;
    padding: 0px;
    margin: 0px;
}

html * {
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;
    outline: 0px;
}

html,
body {
    height: 100%;
    font-size: 14px;
    color: #495362;
    background: #ffffff;
}

input,
button,
select,
textarea {
    outline: none;
}

table {
    border-spacing: 0px;
}

fieldset,
img {
    border-width: 0px;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

ol,
ul,
li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

a {
    color: @primaryColor;
    cursor: pointer;
    text-decoration: none;
}

.box {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/*省略号不换行*/
.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*元素存在但显示为不可见*/
.ui-visible-hidden {
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0px;
    content: '';
}

.clearfix:after {
    clear: both;
}


/*移动端1px  top && bottom*/
.ui-tab-item {
    overflow: visible !important;

    .ui-tab-bar {
        margin: 0;
    }
}

.ui-tab-bar {
    -webkit-flex: 0 !important;
    flex: 0 !important;
    height: px2rem(4px);
    background-color: #0F9CFF;
    transition: left 0.3s linear, width .3s cubic-bezier(.35, 0, .25, 1);
}

.ui-1px {
    position: relative;
}

.ui-1px:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #EEEEEE;
    color: #EEEEEE;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

.ui-1px:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #EEEEEE;
    color: #EEEEEE;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

/*移动端1px  top*/
.ui-1px-t {
    position: relative;
}

.ui-1px-t:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 1px;
    border-top: 1px solid #EEEEEE;
    color: #EEEEEE;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

/*移动端1px  bottom*/
.ui-1px-b {
    position: relative;
}

.ui-1px-b:after {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid #EEEEEE;
    color: #EEEEEE;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
}

/*按钮样式*/
.ui-button {
    display: inline-block;
    width: px2rem(160px);
    height: auto;
    line-height: 1;
    white-space: nowrap;
    background: #fff;
    border: px2rem(2px) solid #dcdfe6;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    transition: 0.1s;
    // font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: px2rem(24px) px2rem(40px);
    font-size: px2rem(36px);
    border-radius: px2rem(8px);
    cursor: pointer;
    .box();
}
.ui-button.ui-plain {
    border-color: @primaryColor;
    color: @primaryColor;
}
.ui-button-medium {
    padding: px2rem(20px) px2rem(40px);
    font-size: px2rem(28px);
}
.ui-button-small {
    padding: px2rem(18px) px2rem(30px);
    font-size: px2rem(24px);
}
.ui-button-mini {
    padding: px2rem(14px) px2rem(30px);
    font-size: px2rem(24px);
}

.ui-button-primary {
    background-color: @primaryColor;
    border-color: @primaryColor;
    color: #fff;
}
.ui-button-success {
    background-color: @successColor;
    border-color: @successColor;
    color: #fff;
}
.ui-button-info {
    background-color: @infoColor;
    border-color: @infoColor;
    color: #fff;
}
.ui-button-warning {
    background-color: @warningColor;
    border-color: @warningColor;
    color: #fff;
}
.ui-button-danger {
    background-color: @dangerColor;
    border-color: @dangerColor;
    color: #fff;
}

.ui-button-primary.ui-plain {
    background-color: @primaryPlainBgColor;
    border-color: @primaryPlainBorderColor;
    color: @primaryPlainColor;
}
.ui-button-success.ui-plain {
    background-color: @successPlainBgColor;
    border-color: @successPlainBorderColor;
    color: @successPlainColor;
}
.ui-button-info.ui-plain {
    background-color: @infoPlainBgColor;
    border-color: @infoPlainBorderColor;
    color: @infoPlainColor;
}
.ui-button-warning.ui-plain {
    background-color: @warningPlainBgColor;
    border-color: @warningPlainBorderColor;
    color: @warningPlainColor;
}
.ui-button-danger.ui-plain {
    background-color: @dangerPlainBgColor;
    border-color: @dangerPlainBorderColor;
    color: @dangerPlainColor;
}
.ui-round {
    border-radius: 50%;
}
.ui-button-full {
    display: block;
    width: 100%;
}
/*按钮样式*/


/*
 * messagebox
 */
.ui-messagebox-text {
    min-width: 60%;
    max-width: 80%;

    .ui-messagebox-content {
        padding: px2rem(50px);
        text-align: center;
    }
}

.ui-messagebox {
    overflow: hidden;
    border-radius: 5px;
    max-width: 80%;

    .ui-dialog-title {
        display: none;
    }

    .ui-dialog-close {
        display: none;
    }

    .ui-messagebox-buttons {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
        border-top: 1px solid #e0e6ed;

        .ui-button {
            -webkit-flex-grow: 1;
            flex-grow: 1;
            height: 30px;
            border-radius: 0px;
            text-align: center;
            line-height: 30px;
        }

        .ui-button:first-child {
            color: #ffffff;
            background: #3076fc;
        }
    }
}

.ui-progress-bar {
    .ui-progress-mask {
        color: #ffffff;
        background: blue;
    }
}


.ext-clear {
    position: relative;

    .ext-clear-button {
        position: absolute;
        width: px2rem(40px);
        height: px2rem(40px);
        right: 0;
        top: 0;
        background: url('images/svg/clear.svg') no-repeat center center;
        background-size: px2rem(32px) auto;
        border: px2rem(10px) solid transparent;
        cursor: pointer;
        z-index: 1;
    }
    &.placeholder,
    &.ui-placeholder {
        .ext-clear-button {
            display: none;
        }
    }
}


